<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#app {
  background-image: url(./assets/background.png);
  --theme: #409eff;
  --background: #fff;
  --main: #303133;
  --routine: #606266;
  --minor: #909399;
  --seat: #c0c4cc;
  --classA: #dcdfe6;
  --classB: #e4e7ed;
  --classC: #ebeef5;
  --classD: #f2f6fc;
  --radius-wrap: 8px;
  --radius-inner: 4px;
  --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
img {
  width: 200px;
  height: 200px;
}
</style>
